<!DOCTYPE html>
<html>
    <head>
        <title>Widget uiEvents</title>
    </head>
    <body>
        <script src="../../../../build/yui/yui.js"></script>
        <script>
            YUI({filter:"raw"}).use("widget", function(Y) {
                var w = new Y.Widget({
                    width:200,
                    height:200
                }),

                h = function(e) { Y.log(e.type); };

                w.get("contentBox").append("Some Content For My Widget");

                w.on({
                    "click": h,
                    "render": h,
                    "renderedChange": h
                });

                w.on("widget:mouseup", h);
                w.on("foo|widget:mouseup", h);
                w.on("mouseup", h);

                w.after("widget:mouseup", h);
                w.after("foo|widget:mouseup", h);
                w.after("mouseup", h);

                w.after({
                    "mousedown" : h,
                    "render" : h
                });

                w.render();
            });
        </script>
    </body>
</html>
